<!--  -->
<template>
  <div class="home wrap">
    <HomeTop />
    <PanelGroup />
    <div class="chartWrap">
      <HomeChart class="chart" />
<div class="iframe_wrap">
        <iframe
        id="iframe"
          src="http://www.jq22.com/demo/html5-mario20161210"
          frameborder="0"
          height="550px"
          width="680px"
          scrolling="no"
        ></iframe>
</div>
    
    </div>
  </div>
</template>

<script>
import PanelGroup from "./PanelGroup";
import HomeTop from "./HomeTop";
import HomeChart from "./HomeChart";
export default {
  name: "",
  components: { PanelGroup, HomeTop, HomeChart },
  data() {
    return {};
  },
  methods: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  beforeMount() {}, // 挂载之前
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='scss' scoped>
#iframe {
  // transform: scale(1) translateY(40px);
  float: right;
  border: none;
transform: translate(-8px,-8px);
}
.iframe_wrap{
  position: absolute;
  right: 180px;
  bottom: 150px;
  width: 640px;
  height: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.chartWrap {
  overflow: hidden;
}
.chart {
  width: 500px;
  height: 400px;
  float: left;
  margin-top: 90px;
  margin-left: 10%;
}
.home {
  height: 100%;
  position: relative;
}
</style>